<template>
  <el-tabs type="border-card" v-model="tabValue">
    <el-tab-pane name="queryAlipay">
      <span slot="label">
        <i class="el-icon-search"></i> 支付宝查询
      </span>
      <alipay-query :addAlipayNum="addAlipayNum"></alipay-query>
    </el-tab-pane>
    <el-tab-pane name="addAlipay">
      <span slot="label">
        <i class="el-icon-circle-plus-outline"></i> 添加支付宝订单
      </span>
      <add-alipay-order @addAlipayOrderSuccess="addAlipayOrderSuccess"></add-alipay-order>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import AlipayQuery from 'views/fill/AlipayQuery'
import AddAlipayOrder from 'views/fill/AddAlipayOrder'
export default {
  data() {
    return {
      tabValue: 'queryAlipay',
      addAlipayNum: ''
    }
  },
  components: {
    AlipayQuery,
    AddAlipayOrder
  },
  methods: {
    addAlipayOrderSuccess(alipayNum) {
      this.tabValue = 'queryAlipay'
      this.addAlipayNum = alipayNum
    }
  }
}
</script>

<style>
</style>